﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="Sample_tab_tab2_Default" Codebehind="Default.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../../../Common/Style/Skin1/tab2.css" rel="stylesheet" type="text/css" runat="server" id="style11" />
   <%-- <style type="text/css">
            .tab
            {
            	height:25px; background:url(images/tab_bg.gif) bottom repeat-x; background-color:#ffffff
            }
            
            .tab ul
            {
            	padding:0px; margin:0px; list-style-type:none;
            }
            .tab ul li
            {
            	 margin-right:3px; background:url(images/tab_bg_1.gif) repeat-x; position:relative; text-align:center; float:left; cursor:pointer;
            }
            .tab ul li a
            {
            	 font-size:12px;height:25px; padding-left:15px; line-height:25px; float:left; overflow:visible; white-space:nowrap; padding-right:15px; display:block; color:#0031AD; font-weight:normal; text-decoration:none;
            }
            .tab ul li a:hover
            {
            	text-decoration:none;
            }            
            .tab ul li .menu_l
            {
            	width:3px; height:25px; background:url(images/tab_l_1.gif) left no-repeat; position:absolute; top:0px; left:0px;
            }
            .tab ul li .menu_r
            {
            	width:3px; height:25px; background:url(images/tab_r_1.gif) right no-repeat; position:absolute; top:0px; right:0px;
            }           
            
            
            .tab ul li.on
            {
            	background:url(images/tab_bg_2.gif) repeat-x;
            }
            .tab ul li.on a
            {
            	font-weight:bold;
            }
            
            .tab ul li.on .menu_l
            {
            	width:3px; height:25px; background:url(images/tab_l_2.gif) left no-repeat; position:absolute; top:0px; left:0px;
            }
            .tab ul li.on .menu_r
            {
            	width:3px; height:25px; background:url(images/tab_r_2.gif) right no-repeat; position:absolute; top:0px; right:0px;
            }
            
            
    </style>--%>
    <script type="text/javascript">
//        function test(obj)
//        {
//            var li = obj.parentNode;
//            var lis = obj.parentNode.parentNode.getElementsByTagName("li");
//            if (li.className != "on")
//            {
//                for (var i = 0; i < lis.length; i++)
//                {
//                    if(lis[i].className == "on")
//                    {
//                        lis[i].className = "";
//                    }
//                }
//                li.className = "on";
//            }
//            obj.blur();
//        }
//        
//       
//        
//        function addEvent()
//        {
//            var obj = document.getElementById("top_daohang");
//            var lis = obj.getElementsByTagName("a");
//            for(var i=0;i<lis.length;i++)
//            {
//                lis[i].onclick = function()
//                {
//                    test(this);
//                }

//               // lis[i].getElementsByTagName("a")[0].setAttribute("hidefocus", true);
//            }
//        }

    </script>
    <script type="text/javascript" src="../../../Common/Js/tab2.js"></script>
</head>
<body style="margin:0px;">
    <form id="form1" runat="server">
    <div style="height:10px;"></div>
     <div id="top_daohang" class="tab2" style="margin-left:10px; margin-right:10px;">
	       <ul>
		       <li><div id="sf" class="menu_l"></div><div id="li_1_2" class="menu_r"></div>
	       	   <a id="lnk_0" onclick="setFocus(this)" href="#">集邮首恺撒打发页</a>
			   </li> 
			   <li class="on"><div id="da" class="menu_l"></div><div id="li_2_2" class="menu_r"></div>
	       	   <a id="lnk_1" onclick="setFocus(this)" href="#">淘宝邮票</a>
			   </li> 
			   <li><div id="li_3_1" class="menu_l"></div><div id="li_3_2" class="menu_r"></div>
	       	   <a id="lnk_2" onclick="setFocus(this)" href="#">奥运邮票</a>
			   </li>   
			   <li><div id="menu_l_1" class="menu_l"></div><div id="li_4_2" class="menu_r"></div>
	       	   <a id="lnk_3" onclick="setFocus(this)" href="#" hidefocus="hidefocus">我的邮票</a>
			   </li>
			   <li><div id="li_5_1" class="menu_l"></div><div id="li_5_2" class="menu_r"></div>
	       	   <a id="lnk_4" onclick="setFocus(this)" href="#" >中奖名单</a>
			   </li> 
		   </ul>
	  </div>
	  <div id="div0" style="height:50px; border:solid 1px #4CA9D7; border-top-width:0px;margin-left:10px; margin-right:10px;"></div>
	  <div id="div1" style="height:50px; border:solid 1px #4CA9D7; border-top-width:0px;margin-left:10px; margin-right:10px;"></div>
	  <div id="div2" style="height:50px; border:solid 1px #4CA9D7; border-top-width:0px;margin-left:10px; margin-right:10px;"></div>
	  <div id="div3" style="height:50px; border:solid 1px #4CA9D7; border-top-width:0px;margin-left:10px; margin-right:10px;"></div>
	  <div id="div4" style="height:50px; border:solid 1px #4CA9D7; border-top-width:0px;margin-left:10px; margin-right:10px;"></div>
	  <script type="text/javascript">
	      //addEvent();
	      initFirstTab(0);
	  </script>
    </form>
</body>
</html>
